<template>
	<div>
		<span v-bind:class="appleStyle">{{msg}}</span>
		<br>
		<router-view></router-view>
	</div>
</template>

<script>
    export default {
        name: "apple",
        data: function () {
            return {
                msg: 'this is an apple',
                appleStyle: 'appleStyle',
                paramStyle: 'paramStyle',
                param: this.$route.params
            }
        },
        methods: {
        }
    }
</script>

<style scoped>
	.appleStyle {
		font-size: 30px;
		color: darkred;
		font-family: "Apple Symbols";
	}

	.paramStyle {
		color: #ccefaa;
	}
</style>